<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <title>餐厅游戏</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <!-- 设置背景底层图片 -->
    <img class="bg" src="./restaurant/dose-juice-sTPy-oeA3h0-unsplash.jpg" alt="bacground_img">
    <!-- *************** -->
    <!-- 设置顶部日期和金钱信息 -->
    <div class="header">
        <div class="day"><span>W1</span><span>D1</span></div>
        <div class="money"><span>100</span></div>
    </div>
    <!-- ******************** -->
    <!-- 设置厨师模块 -->
    <div class="cook"></div>
    <!-- *********** -->

    <!-- 设置顾客就餐模块 -->
    <div class="custom">
        <!-- 设置排队位置 -->
        <div class="line"></div>
        <!-- *********** -->
    </div>
    <!-- *************** -->

    <!-- 设置全屏提示信息 -->
    <div class="tips"></div>
    <!-- *************** -->

    <!-- 设置排队位置 -->
    <!-- <div class="line"></div> -->
    <!-- *********** -->

    <!-- 设置点菜信息 -->
    <div class="food">
        <div class="main_page">
            <div class="food_header">
                <div class="user_img"></div>
                <div class="info">
                    <span></span>
                    正在点菜，已点
                    <span>0</span>
                    元的菜
                </div>
            </div>
            <div class="food_main">
                <p class="food_title" style="margin-top: 10px;">凉菜(二选一，可不点)</p>
                <label>
                    <p class="food_content"><input type="radio"
                            name="cold"><span>凉拌SAN</span>--------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>6</span>
                    </p>
                </label>
                <label>
                    <p class="food_content"><input type="radio"
                            name="cold"><span>冷切DOM</span>-------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>4</span></p>
                </label>
                <p class="food_title">主菜(五选一，必点)</p>
                <label>
                    <p class="food_content"><input type="radio"
                            name="main"><span>UL炖LI</span>----------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>12</span>
                    </p>
                </label>
                <label>
                    <p class="food_content"><input type="radio"
                            name="main"><span>红烧HEAD</span>------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>15</span>
                    </p>
                </label>
                <label>
                    <p class="food_content"><input type="radio"
                            name="main"><span>酥炸EC</span>---------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>18</span>
                    </p>
                </label>
                <label>
                    <p class="food_content"><input type="radio"
                            name="main"><span>炙烤CSS</span>--------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>16</span>
                    </p>
                </label>
                <label>
                    <p class="food_content"><input type="radio"
                            name="main"><span>清蒸DIV</span>---------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>12</span>
                    </p>
                </label>
                <p class="food_title">饮品(二选一，可不点)</p>
                <label>
                    <p class="food_content"><input type="radio"
                            name="drink"><span>鲜榨flex</span>---------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>5</span>
                    </p>
                </label>
                <label>
                    <p class="food_content"><input type="radio"
                            name="drink"><span>小程序奶茶</span>-----------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>6</span>
                    </p>
                </label>
            </div>
            <div class="food_foot">
                <div class="btn_yes">我选好啦</div>
                <div class="btn_no">不吃了</div>
            </div>
        </div>
    </div>
    <!-- *************** -->
    <script src="./cooker.js"></script>
    <script src="./index.js"></script>
    <script src="./tips.js"></script>
    <script src="./food_order.js"></script>
    <script src="./custom.js"></script>
    <script src="./game.js"></script>
    <script src="./custom_s_f.js"></script>
    <script src="./like.js"></script>
</body>

</html>